<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Grails Atmosphere Plugin</title>
     <link rel="stylesheet" href="${resource(dir:pluginContextPath+'/forte-blue/styles',file:'design.css')}" type="text/css" media="screen" /> 
    <!--[if gte IE 6]><link rel="stylesheet" type="text/css" href="${resource(dir:pluginContextPath+'/forte-blue/styles',file:'ie.css')}" media="screen, projection" /><![endif]-->
    <!--[if IE 7.0]><link rel="stylesheet" type="text/css" href="${resource(dir:pluginContextPath+'/forte-blue/styles',file:'ie7.css')}" media="screen, projection" /><![endif]-->
    <g:javascript src="prototype.js" />
    <g:javascript src="behaviour.js" />
    <g:javascript src="moo.fx.js" />
    <g:javascript src="moo.fx.pack.js" />
    <g:javascript src="chat.js" />
    <g:javascript>
      app.url = "${createLink(controller: 'atmosphere')}"
    </g:javascript>
    <style type="text/css">
      #display {
        border: 1px solid #5c8098;
        width: 500px;
        height: 300px;
        margin-bottom: 10px;
        overflow-y: scroll;
      }
      #login-name {
        width: 200px;
      }
      #message {
        width: 500px;
        height: 50px;
      }
    </style>
  </head>
  <body>
    <div id="site">
      <hr />
      <div id="backg">
	<div id="chat">
<h1>Chat</h1>
        </div>
        <div>
          <div id="contect" >

            <div id="main">

              <div id="display">
              </div>

              <div id="form">

                <div id="system-message">Ponga su usuario:</div>

                <div id="login-form">
                  <input id="login-name" type="text" />
                  <br />
                  <input id="login-button" type="button" value="Login" />
                </div>

                <div id="message-form" style="display: none;">
                  <div>
                    <textarea id="message" name="message" rows="2" cols="30"></textarea>
                    <br />
                    <input id="post-button" type="button" value="Post Message" />
                  </div>
                </div>

                
              </div>
            </div>

          </div>

        </div>
        
      </div>
    </div>
    <iframe id="comet-frame" style="display: none;"></iframe>
  </body>
</html>
